﻿<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>
<%@ page inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" masterpagefile="~masterurl/default.master" language="C#" %>
<%@ register tagprefix="Utilities" namespace="Microsoft.SharePoint.Utilities" assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ register tagprefix="WebPartPages" namespace="Microsoft.SharePoint.WebPartPages" assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
    <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.js"></script>
    <meta name="WebPartPageExpansion" content="full" />


    <!-- Add your CSS styles to the following file -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="../Content/ng-grid.css" rel="stylesheet">
    <link rel="Stylesheet" type="text/css" href="../Content/App.css" />
   
    
     <script type="text/javascript" src="../Scripts/components/jQuery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/2014.01/jquery.SPServices.min.js"></script>
   
    <!--Angular Stuff -->
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-resource.min.js"></script>

    <script type="text/javascript" src="../Scripts/components/angularjs/ui-bootstrap-tpls-0.11.0.min.js"></script>
    <script type="text/javascript" src="../Scripts/components/ng-grid/ng-grid.min.js"></script>
    <script type="text/javascript" src="../Scripts/components/ng-grid/ng-grid-csv-export.min.js"></script>
    <!-- Google Maps API v3 -->      
    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false&amp;language=en"></script>   

    <!-- Add your JavaScript to the following file -->
    <script type="text/javascript" src="../Scripts/App.js"></script>
    <script type="text/javascript" src="../Scripts/controllers/GridController.js"></script>
    <script type="text/javascript" src="../Scripts/services/ListDataFactory.js"></script>
    <script type="text/javascript" src="../Scripts/services/ListDataService.js"></script>
    <script type="text/javascript" src="../Scripts/services/PoliceDataFactory.js"></script>

</asp:Content>

<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
<asp:content contentplaceholderid="PlaceHolderPageTitleInTitleArea" runat="server">
    Ng-Grid Test
</asp:content>

<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:content contentplaceholderid="PlaceHolderMain" runat="server">
     <br />
    <br />
    
    <div id="GridApp" ng-app="GridApp" ng-controller="GridController">


        <div><a ng-href="{{appWebUrl}}/Lists/Tasks">Tasks List </a></div>
    	<div id="main" >
            <div id="map" class="mapCase" ng-show="showMap"></div>
	    	<div ng-cloak  class="gridStyle" ng-grid="gridOptions"></div>
	        Status:<div ng-bind="status" class="status"></div> 
		</div>
        <div class="btn-group">
            <label class="btn btn-primary" ng-disabled="inProcess" ng-model="radioModel" btn-radio="'New'" uncheckable>Factory/Rest</label>
            <label class="btn btn-primary" ng-disabled="inProcess" ng-model="radioModel" btn-radio="'Legacy'" uncheckable>Service/WebService</label>
            <label class="btn btn-primary" ng-disabled="inProcess" ng-model="radioModel" btn-radio="'LegacyNew'" uncheckable>Service/Rest</label>
            <label class="btn btn-primary" ng-disabled="inProcess" ng-model="radioModel" btn-radio="'SPServices'" uncheckable>Factory/SPServices</label>
            <label class="btn btn-primary" ng-disabled="inProcess" ng-model="radioModel" btn-radio="'Police'" uncheckable>Factory/SPProxy/PoliceAreas</label>
            <label class="btn btn-primary" ng-disabled="inProcess" ng-model="radioModel" btn-radio="'PoliceCrime'" uncheckable>Factory/SPProxy/Crimes</label>
        </div>
        <label class="btn btn-primary" ng-disabled="inProcess" ng-click="listRefresh()" >Refresh</label>		
        
    </div>

</asp:content>
